<!DOCTYPE html>
<html class="writing-horizontal-tb h-full w-full" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"
      name="viewport"
    />
    <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="152x152" href="./favicon.png" />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="./icons/regular-icon@32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="./icons/regular-icon@16x16.png"
    />
    <link rel="manifest" href="./manifest.webmanifest" />
    <meta name="theme-color" content="#37474f" />
    <link rel="mask-icon" href="./safari-pinned-tab.svg" color="#37474f" />
    <meta http-equiv="content-security-policy" content="">
		<link href="./_app/immutable/assets/_layout-458bc673.css" rel="stylesheet">
		<link href="./_app/immutable/assets/store-ad073191.css" rel="stylesheet">
		<link href="./_app/immutable/assets/_page-b843624e.css" rel="stylesheet">
		<link href="./_app/immutable/assets/fa-32503cb2.css" rel="stylesheet">
		<link rel="modulepreload" href="./_app/immutable/start-31285994.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/index-be8ea2fc.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/singletons-6176161c.js">
		<link rel="modulepreload" href="./_app/immutable/components/pages/_layout.svelte-9a3342ae.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/stores-6a6870f3.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/store-fb60485f.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/error-handler-df8dffd6.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/fonts-e5a631ed.js">
		<link rel="modulepreload" href="./_app/immutable/components/pages/b/_page.svelte-f75ac4b0.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/format-page-title-2ca75b98.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/fa-33dddbd3.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/index-61bb0c2c.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/merged-header-icon-5b1d438d.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/theme-option-f9f8f697.js">
		<script>
			if ('serviceWorker' in navigator) {
				addEventListener('load', function () {
					navigator.serviceWorker.register('./service-worker.js');
				});
			}
		</script><title>ッツ Ebook Reader</title><!-- HEAD_svelte-1h7w4y4_START --><meta name="robots" content="index,follow"><meta name="googlebot" content="index,follow"><meta name="description" content="Online e-book reader that supports Yomichan"><link rel="canonical" href="https://reader.ttsu.app/b"><meta property="og:url" content="https://reader.ttsu.app/b">

    <meta property="og:type" content="website">
      

    <meta property="og:title" content="ッツ Ebook Reader">

    <meta property="og:description" content="Online e-book reader that supports Yomichan">

    <meta property="og:image" content="https://reader.ttsu.app/icons/regular-icon@512x512.png">
        
        <meta property="og:image:width" content="512">
        <meta property="og:image:height" content="512">

    

    

    <!-- HEAD_svelte-1h7w4y4_END --><!-- HEAD_svelte-rnuhm6_START --><!-- HEAD_svelte-rnuhm6_END -->
  </head>
  <body class="h-full w-full break-words font-sans">
    <div class="h-full w-full">









<button class="fixed inset-x-0 top-0 z-10 h-8 w-full"></button>
<div class="elevation-4 writing-horizontal-tb fixed inset-x-0 top-0 z-10 w-full"><div class="flex justify-between bg-gray-700 px-4 md:px-8 relative h-12 bg-gray-700 text-white xl:h-10"><div class="flex transform-gpu -translate-x-4 xl:-translate-x-3">
    <div role="button" class="flex justify-center select-none items-center h-12 w-12 cursor-pointer text-xl xl:h-10 xl:w-10 xl:text-lg p-3 xl:p-2.5 opacity-60 hover:opacity-100 transition-opacity"><svg class="svelte-fa  svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 384 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(192 256)" transform-origin="96 0"><g transform="translate(0,0) scale(1,1)"><path d="M336 0h-288C21.49 0 0 21.49 0 48v431.9c0 24.7 26.79 40.08 48.12 27.64L192 423.6l143.9 83.93C357.2 519.1 384 504.6 384 479.9V48C384 21.49 362.5 0 336 0zM336 452L192 368l-144 84V54C48 50.63 50.63 48 53.1 48h276C333.4 48 336 50.63 336 54V452z" fill="currentColor" transform="translate(-192 -256)"></path></g></g></svg></div>
    <div class="flex items-center px-4 text-xl xl:px-3 xl:text-lg">20x</div></div>

  <div class="flex transform-gpu translate-x-4 xl:translate-x-3"><div class="hidden sm:flex"><div class="flex justify-center select-none items-center h-12 w-12 cursor-pointer text-xl xl:h-10 xl:w-10 xl:text-lg p-3 xl:p-2.5 opacity-60 hover:opacity-100 transition-opacity"><svg class="svelte-fa  svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336c44.2 0 80-35.8 80-80s-35.8-80-80-80s-80 35.8-80 80s35.8 80 80 80z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg>
      </div><div class="flex justify-center select-none items-center h-12 w-12 cursor-pointer text-xl xl:h-10 xl:w-10 xl:text-lg p-3 xl:p-2.5 opacity-60 hover:opacity-100 transition-opacity"><svg class="svelte-fa  svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M160 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96C43 32 0 75 0 128V384c0 53 43 96 96 96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H96c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32h64zM504.5 273.4c4.8-4.5 7.5-10.8 7.5-17.4s-2.7-12.9-7.5-17.4l-144-136c-7-6.6-17.2-8.4-26-4.6s-14.5 12.5-14.5 22v72H192c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32H320v72c0 9.6 5.7 18.2 14.5 22s19 2 26-4.6l144-136z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg>
      </div></div>
  <div class="flex sm:hidden "><div data-popover class="flex items-center"><div></div>
  <div><div slot="icon" class="flex justify-center select-none items-center h-12 w-12 cursor-pointer text-xl xl:h-10 xl:w-10 xl:text-lg p-3 xl:p-2.5 opacity-60 hover:opacity-100 transition-opacity"><svg class="svelte-fa  svelte-1w3t65e" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M160 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96C43 32 0 75 0 128V384c0 53 43 96 96 96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H96c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32h64zM504.5 273.4c4.8-4.5 7.5-10.8 7.5-17.4s-2.7-12.9-7.5-17.4l-144-136c-7-6.6-17.2-8.4-26-4.6s-14.5 12.5-14.5 22v72H192c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32H320v72c0 9.6 5.7 18.2 14.5 22s19 2 26-4.6l144-136z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg></div></div></div>

</div></div></div></div>







<div class="fixed inset-0 flex h-full w-full items-center justify-center text-7xl"><svg class="svelte-fa  svelte-1w3t65e  spin" style="height:1em;vertical-align:-.125em;transform-origin:center;overflow:visible" viewBox="0 0 512 512" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg"><g transform="translate(256 256)" transform-origin="128 0"><g transform="translate(0,0) scale(1,1)"><path d="M304 48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zm0 416c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM48 304c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zm464-48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM142.9 437c18.7-18.7 18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zm0-294.2c18.7-18.7 18.7-49.1 0-67.9S93.7 56.2 75 75s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zM369.1 437c18.7 18.7 49.1 18.7 67.9 0s18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9z" fill="currentColor" transform="translate(-256 -256)"></path></g></g></svg></div>

<div class="writing-horizontal-tb fixed bottom-0 left-0 z-10 flex h-8 w-full cursor-pointer items-center justify-between text-xs leading-none" style="color: rgba(0, 0, 0, 0.6);"><div class="h-full"></div>
  </div>





<span style="font-family: Noto Serif JP"></span>




		<script type="module" data-sveltekit-hydrate="1a8x8vx">
			import { start } from "./_app/immutable/start-31285994.js";

			start({
				env: {},
				paths: {"base":"","assets":""},
				target: document.querySelector('[data-sveltekit-hydrate="1a8x8vx"]').parentNode,
				version: "1682741589948",
				hydrate: {
					node_ids: [0, 4],
					data: [{type:"data",data:null,uses:{}},null],
					form: null
				}
			});
		</script>
	</div>
  </body>
</html>
